<%@page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<script>
	$(document).ready(function() {
		$(".button").button();
		
		$("#crear_evento").click(function(){
			 window.location = "<c:url value="/app/page/evento/alta"/>";			
		});
	});
</script>
<div class="row">
	<h2>Eventos</h2>

</div>
<div class="row">
	<c:choose>
		<c:when test="${empty eventos}">
			<div class="contenedor_mensaje">
				<div class="mensaje">No hay eventos cargados</div>
			</div>
		</c:when>
		<c:otherwise>
			<table class="listado">
				<thead>
					<tr>
						<th>Nombre</th>
						<th>Fecha</th>
						<th>Empresa</th>
						<th>Asistentes</th>
						<th>Acciones</th>
					</tr>
				</thead>
				<tfoot>
					<tr>
						<th colspan="5"><span>${fn:length(eventos)} eventos</span></th>
					</tr>
				<tfoot>
				<tbody>
				    <c:forEach var="evento" items="${eventos}">
					<tr>
						<td>${evento.nombre}</td>
						<td><fmt:formatDate value="${evento.fechaInicio}" pattern="dd.MM.yyyy" />   a <fmt:formatDate value="${evento.fechaFin}" pattern="dd.MM.yyyy" /></td>
						<td>${evento.empresa}</td>
						<td>${evento.cantidadAsistentes}</td>
						<td><a href="<c:url value="/app/page/evento/edicion/id/"/>${evento.id}">editar</a>
						<a href="<c:url value="/app/page/evento/"/>${evento.id}/pasajero"  >pasajeros</a></td>
					</tr>
					</c:forEach>
				</tbody>
			</table>

		</c:otherwise>

	</c:choose>
	<button class="button" id="crear_evento">Crear un evento</button>
</div>
